@charset "UTF-8";

/* public */
pre{white-space: pre-wrap;font-family: 'SourceHanSansCN-Regular'!important;word-wrap: break-word; }
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0; outline: none;}
img{border:0;}
ul,dl,li,dt,dd{list-style:none;}
body{font-size: 14px;   overflow-x:hidden; font-family: 'SourceHanSansCN-Regular'; color: #333333;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-overflow-scrolling : touch ; background:url(../img/bgbg.jpg) no-repeat center; background-attachment: fixed;    background-size: cover}
a{font-size:14px;text-decoration:none;  color: #333; transition: all .45s; z-index: 99999;}
.clearfix:after{content:""; display:block; height:0; clear:both;}
.clearfix{*zoom:1;}/*IE/7/6*/
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
input,textarea,select{outline: none;font-family: 'SourceHanSansCN-Regular'!important; line-height: normal;border:none;background: none;}
textarea{resize:none; overflow:hidden;}
select{-webkit-appearance: none;appearance: none; -ms-appearance: none;border-radius: 0;}
select::-ms-expand { display: none; }
i,em{font-style:normal;}
table{max-width:100%;overflow:hidden;}
.u_hidden{display: none;}
.fl{float:left;}
.fr{float:right;}
.z-container {width:89.5%;height:auto;clear: both;margin: 0 auto;}
.z-container2 {width:79%;height:auto;clear: both;margin: 0 auto;}
.z-container3 {width: 1200px;height:auto;clear: both;margin: 0 auto;}
.z-row {width: 100%;height: auto;clear: both;margin: 0 auto;}
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ellipsis2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow:ellipsis;}
.ellipsis3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow:ellipsis;}
.ellipsis4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow:ellipsis;}
.ellipsis6{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;text-overflow:ellipsis;}

/*浏览器滚动条*/
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#E3E3E3}
::-webkit-scrollbar-thumb:vertical{background-color:#555;border-radius:30px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}
.clear{ clear: both;}
*:before,
*:after {
  z-index: -1;
}
@font-face {
font-family: "SourceHanSansCN-Regular";
  src: url("/template/pc/cx2020/css/font/SourceHanSansCN-Regular.woff2") format("woff2"),
       url("/template/pc/cx2020/css/font/SourceHanSansCN-Regular.woff") format("woff"),
       url("/template/pc/cx2020/css/font/SourceHanSansCN-Regular.ttf") format("truetype"),
       url("/template/pc/cx2020/css/font/SourceHanSansCN-Regular.eot") format("embedded-opentype"),
       url("/template/pc/cx2020/css/font/SourceHanSansCN-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'num';  /* project id 574899 */
  src: url("../font/twcenmt.ttf");

}
@font-face {
  font-family: 'num2';  /* project id 574899 */
  src: url("../font/CENTURY GOTHIC_0.TTF");

}

/*内容*/
body.fixed .z_header{transform:translateY(-100%);visibility:hidden;}
.z_header{ height: 86px; padding: 0 5vw;    transition: ease .65s; box-sizing: border-box;  width: 100%; background: #fff; position: fixed; left: 0; top: 0; z-index: 5;}
.z_header .logo{ height: 60px; display: block; margin-top: 9px;}
.z_header .logo img{ height: 100%;}
.z_header a{ display:block; float: left; font-size: 16px;}

.mobile_btn{cursor:pointer; width: 50px; display: none; height: 50px; position: absolute; right: 0; top: 0; z-index: 4; box-sizing: border-box;  padding: 18px 14px;  }
.mobile_btn.on .line1{transform:translateY(6px) rotate(45deg);}
.mobile_btn.on .line2{width:0;}
.mobile_btn.on .line3{transform:translateY(-6px) rotate(-45deg);}
.mobile_btn span{display:block; width:22px; height:1px; background:#666666; transition:all .45s;}
.mobile_btn .line2{margin:5px 0; width:16px; }
.header_fr{ float: right;}
.header_nav{ float:left; margin-top: 28px; }
.header_nav li{ display: inline-block; line-height: 30px; height: 30px; margin-left: 2.5vw; position: relative;}
.header_nav li:before{ content: ""; display: block; width: 0%; transition: ease .5s;  height: 2px; background:#003399; position: absolute; left: 50%; bottom: 0;}
.header_nav li:hover:before,.header_nav li.active:before{ width: 100%; left: 0; }
.header_nav li:hover a,.header_nav li.active a{color:#003399;}
.header_bar{ float: right; margin-left: 2vw; margin-top: 30px;}
.header_bar a{ margin-left: 10px; font-weight: normal; display: inline-block; position: relative;}
.header_bar em{ display: block; cursor: pointer; font-size: 20px; width: 26px; transition: ease .2s; height: 26px; border-radius: 50%; background:#b0b0b0; color: #fff; text-align: center; line-height: 26px;}
.header_bar a:hover em{ background: #003399;}
.header_code{ width: 70px;  height: 70px;   visibility: hidden; position: absolute; left:50%; margin-left: -35px; top:110%;}
.header_code img{ width: 100%; height: 100%;border: 2px solid #003399; transition: ease 1s; transform: scale(0,0);}
.header_bar a:hover .header_code img{ transform: scale(1,1);}
.header_bar a:hover .header_code{ visibility: visible;}
/*banner*/

.z_banner,.z_banner .bd,.z_banner .bd li{width:100%!important;height: 100vh; overflow: hidden;position:relative;}

.z_banner .img{width:100%; height:100vh; background-position:center center; background-repeat:no-repeat; background-size:cover;  background-size:cover; transform:scale(1.1); transition: ease 2.5s;}
.z_banner .bd li.swiper-slide-active .img,.z_banner .bd li.swiper-slide-duplicate-active .img{transform:scale(1); opacity:1;}
.swiper-slide {  -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform}
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; }
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; }
.swiper-container-fade .swiper-slide{    pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active{pointer-events:auto; z-index: 3;}
.z_banner .banner_text{ position: absolute;  left: 50%; top: 50%; transform: translate(-50%,-50%);}
.z_banner .banner_text img{transition: all 2s; transform: translateX(-300px);}
.z_banner .bd li:nth-child(even) .banner_text img{ transform: translateX(300px);}
.z_banner .bd li.swiper-slide-active .banner_text img,.z_banner .bd li.swiper-slide-duplicate-active .banner_text img{transform: translateX(0px)}

.index_about{ background: url(../images/bg1.jpg) no-repeat bottom center; background-size: cover; padding-bottom: 13vh;}
.index_about_fl{ padding-top: 80px;}
.index_about_fl,.index_about_fr{ float: left; width: 50%;}
.index_about_fl .z_row{ width: 59.3%;}
.index_about_fl .tit1{ font-size: 16px; margin-bottom: 5px;}
.index_about_fl .tit2{ font-size: 30px; line-height: 30px; font-weight: bold; color: #333333;}
.index_about_fl .desc{ line-height: 24px; color: #666666; margin: 40px 0;}
.about_num ul{ }
.about_num li{ display: inline-block;padding: 0 40px;  border-right:1px solid #d5d5d5; text-align: center; color: #333333;}
.about_num li:last-child{ border-right: none; padding-right: 0;}
.about_num li:first-child{padding-left: 0; }
.about_num li h3{color: #003399; font-weight: bold;}
.about_num li em{ font-size: 30px;font-family: 'num';font-weight:normal;  color: #003399;}
.about_fbmap{ width: 37.2%; position: relative;  float: left;}
.about_fbmap img{ display: block; width: 100%;}
.about_fbmap .fbdz{ position: absolute; left: 26%; top: 50%; transform: translateY(-50%);}
.about_fbmap .fbdz .icon{ width: 34px; height: 42px; margin-bottom: 10px; background: url(../images/dz.png) no-repeat center; background-size: 100% 100%; animation:myfirst 2s infinite ;}
.about_fbmap .fbdz h3{ color: #003399; font-size: 18px;  text-transform: uppercase; line-height: 20px; font-weight: bold;}
.about_video{ width: 47%; float: left; position: relative;height: 520px;  overflow: hidden;}
.about_video:hover .imgbg{ transform: scale(1.1);}
.about_video:hover .about_paly em{ transform: rotate(360deg);}

.about_paly{ position: absolute; cursor: pointer; left: 50%; top: 50%;  transform: translate(-50%,-50%); color: #fff; text-align: center;}
.about_paly em{ display: block;transition: ease .5s;width:48px; height: 48px; background: url(../images/play.png) no-repeat center; background-size: 100% 100%; margin: 0 auto;}
.about_paly h3{ font-size: 18px; font-weight: bold; margin-top: 10px;}
.video_pop{display: block; width: 100%; height: 100%; background: #000; position: fixed; left: 0; top: 0; z-index: 999!important; display: flex; justify-content: center; align-items: center; display: none;}
.close_btn{width: 40px; height: 40px; position: absolute; right: 0; top: 0; background: url(../images/colse.png) no-repeat center; z-index: 100; cursor: pointer;}
#video{width:100%; max-height: 100%;}
.video_pop .z_row{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
@keyframes myfirst {
            0% {
                transform: translate(0px, 0px);
            }
            50% {
                transform: translate(0px, -10px);
            }
            100% {
                transform: translate(0px, 0px);
            }
        }

.index_more{ display: inline-block; overflow: hidden; position: relative; text-transform: uppercase; padding: 0 30px; height: 50px; z-index: 1; line-height: 50px; color: #fff; }
.index_more:before{ content: "";display: block; width: 100%; height: 100%; background: #003399; position: absolute; left: 0; top: 0; transition: ease .5s;}
.index_more:after{ content: "";display: block; width: 100%; height: 100%; transform: translateX(200%); background: #003399; position: absolute; left: 0; top: 0;transition: ease 1s;}

.index_more .arr{ display: inline-block; width: 50px; height: 8px; margin-left: 10px; background: url(../images/arr.png) no-repeat; background-size: 100% 100%;}
.index_more:hover:before{transform: translateX(-200%);}
.index_more:hover:after{transform: translateX(0%);}

.index_about_fl .index_more{ margin-top: 17vh;}
.index_yw{ width: 100%;height: 90vh; overflow: hidden;  position: relative; z-index: 1;}
.ywimgbox{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1;}
.ywimgbox:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.5); z-index: 1;}
.ywimgbox li{ width: 100%; opacity: 0; transition: ease 1s; height: 100%; z-index: -1; background-position: center; background-size:cover; background-repeat: no-repeat; position: absolute; left: 0; top: 0; background-attachment: fixed;}
.ywimgbox li.on{ opacity:1;}
.ywfw_list{ width: 100%;}
.ywfw_list li{ width: 16.666%;transition: ease 1s; float: left; height: 90vh; box-sizing: border-box; border-right:1px solid rgba(255,255,255,.3);}
.ywfw_list li:last-child{ border-right: none;}
.ywfw_list li a{ display: block; width: 100%; height: 100%; padding: 15vh 8%; box-sizing: border-box; color: #fff;}
.ywfw_list li .num1{ font-size: 48px; font-family:"num2";}
.ywfw_list li .num2{ font-size: 6vw; font-weight: bold; color: rgba(255,255,255,.3); font-family: 'num2'; display: none;}
.ywfw_list li .tit{ margin: 5vh 0;}
.ywfw_list li .icon{ display: block; height: 50px; margin-bottom: 10px;}
.ywfw_list li .tit h3{ font-size: 24px;}
.ywfw_list li .desc{ line-height: 24px; height: 72px; margin-bottom: 3vh;}
.ywfw_list li .arr{ display: block; width: 48px; opacity: 0; transform: translateY(200px); transition: ease .6s; height: 48px; background: url(../images/arr2.png) no-repeat center; background-size: 100% 100%;}
.ywfw_list li.on{ background:#003399; }
.ywfw_list li.on a{padding-top: 20vh;}
.ywfw_list li.on .num1{ display: none;}
.ywfw_list li.on .num2{ display: block;}
.ywfw_list li.on .arr{ opacity: 1; transform: translateY(0);}

.index_news{ padding: 11vh 0; background: #ffffff;}
.index_tit{ text-align: center; font-size: 30px; font-weight: bold; margin-bottom: 7vh;}
.imgbg{ width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; transition: ease 1s; }
.news_swiper li{ position: relative; height: 490px;}
.news_swiper li:before{ content: ""; display: block; width:1px; height: 100%;background: #e3e3e3; position: absolute; right: -40px; top: 0;}
.news_swiper li a{ display: block; width: 100%; height: 100%;}
.news_swiper li .imgbox{ width: 100%; position: relative; margin-bottom: 20px;  height: 250px; padding-bottom: 40px; position: relative;  overflow: hidden; transition: ease .6s;}
.news_swiper li .imgbox:before{ content: ""; z-index: 1; display: block; width: 0; height: 2px; background: #003399; position: absolute; left: 0; bottom: 0; transition: ease 1s}
.news_swiper li:hover .imgbox:before{ width: 100%;}
.news_swiper li .imgbg{ position: absolute; left: 0; top: 0; height: 290px;}
.news_swiper li:hover .imgbox{ padding-bottom: 0;}
.news_swiper li:hover .imgbg{ transform: scale(1.05,1.05);}
.news_swiper li h3{ font-size: 16px;line-height: 24px; height: 48px;}
.news_swiper li h4{ color: #999999; line-height: 24px; height: 72px; margin: 20px 0;}

.news_swiper li .time{ padding-left: 25px; color: #999; background: url(../images/time.png) no-repeat left center;}
.news_swiper li:hover h3{ color: #003399;}
.news_hd{text-align: center; margin-top: 7vh;}
.news_hd span{ display: inline-block; margin: 0 5px; width: 10px; height: 10px; background: #e1e1e1; border-radius: 50%;}
.news_hd span.swiper-pagination-bullet-active{ background: #003399;}
.index_culture{ width: 100%; overflow: hidden; color: #fff; background: url(../images/bg2.jpg) no-repeat center; background-size: cover; background-attachment: fixed;z-index:1;position: relative; padding: 12vh 0;}
.index_culture:before{ content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.3); position: absolute; left: 0; top: 0;}
.index_culture .tit1{ font-size: 16px;}
.index_culture .tit2{ font-size: 30px; font-weight: bold; line-height: 36px; margin-top: 20px; margin-bottom: 9vh;}

.index_part1{ width: 100%; overflow:hidden; padding: 28px 0;position: relative;z-index: 1;box-shadow:0px 10px 10px 0px rgba(29,29,29,0.03);border-radius:1px;}
.index_part1 ul{margin-left: -1.4%;}
.index_part1 li{ width: 23.6%; text-align:center;margin-bottom: 30px; margin-left: 1.4%;padding: 38px; box-sizing: border-box; display: flex; align-items: center; float: left;box-shadow:0px 10px 10px 0px rgba(29,29,29,0.03);border-radius:1px;}
.index_part1 li:nth-child(1){ background: #003399;}
.index_part1 li:nth-child(2){ background: #003399;}
.index_part1 li:nth-child(3){ background: #003399;}
.index_part1 li:nth-child(4){ background: #003399;}
.index_part1 li a{ display: block; width: 100%; height: 100%;}
.index_part1 li .icon{ float: left; margin-right: 25px;}
.index_part1 li .icon img{ transition: ease 1s; }
.index_part1 li h3{font-size:20px;font-weight:bold;color:rgba(255,255,255,1); height: 20px; line-height: 20px; margin-bottom: 10px;}
.index_part1 li h4{font-weight:500;color:rgba(132,136,141,1);}
.index_part1 li:hover .icon img{ transform:translateY(-5px);}

.z_footer{ background: #949494; padding-top: 0;padding-bottom: 0; color: #fff;}
.foot_top{ padding: 3vw 0;}
.foot_nav{ float: left;}
.foot_nav dl{ display: inline-block; margin-right: 3vw; vertical-align: top;}
.foot_nav dl dt{ color: #fff; font-weight: bold; margin-bottom: 35px; font-size: 16px;}
.foot_nav dl dt a{}
.foot_nav dd a{ display: block; line-height: 24px;color: #fff;}
.foot_nav dd a:hover{ color: #b8b8b8;}
.foot_fr{ float: right;}
.foot_dz{ float: left; text-align: right; border-right:1px solid #474747; padding-right: 2vw; margin-right: 2vw;}
.foot_dz h3{color: #fff; font-weight: bold; font-size: 16px;}
.foot_dz ul{ margin: 30px 0; color: #fff;}
.foot_code{float: right; text-align: center;}
.foot_code img{ width: 96px; height: 96px; margin-bottom: 15px;}
.foot_copy{ border-top:1px solid #474747; padding: 2vh 0; color: #ccc;}
.foot_copy a{color: #ccc}
.footer{ background: #282828;color: #b8b8b8;}
.foot_link{ padding: 20px 0; color: #fff; border-bottom: 1px solid rgba(255,255,255,.5);}
.foot_link a{ color: #fff; display: inline-block;}
.other_banner{ margin-top: 86px; position: relative; overflow: hidden;}
.other_banner img{ display: block; width: 100%;}
.other_banner .banner_text{width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.other_banner .banner_text .z_row{ width: 79%; margin: 0 auto; color: #fff;}
.other_banner .banner_text h3{ font-size: 48px; font-weight: bold; margin-bottom: 10px;}
.other_banner .banner_text .h4{ font-size: 30px; line-height: 36px; font-weight: bold;}
.cy_nav{ transition: ease 1s ; width: 100%; z-index: 9; background: #fff;}
.cy_nav.on{ position: fixed; left: 0; top: 0; }
.cy_nav.on li a{padding: 15px 0;}
.cy_nav.on .icon{ display: none;}
.cy_nav li{ width: 16.666%; float: left; position: relative;}
.cy_nav li:before{ content: ""; display: block; height: 0;width: 0;
    border-top: 10px solid #e25725; opacity: 0;
    border-right: 10px solid transparent; z-index: 1;
    border-left: 10px solid transparent; position: absolute; left: 50%; transform: translateX(-50%); bottom: -10px; }
.cy_nav li a{ display: block; width: 100%; height: 100%; padding: 25px 0; color: #fff; text-align: center;}
.cy_nav li .icon{ margin-bottom: 10px;}
.cy_nav li h3{ font-size: 18px; font-weight: bold; }
.cy_nav li .icon img{ display: block; margin: 0 auto; transition: ease .5s;}
.cy_nav li:nth-child(1){ background: #e25725;}
.cy_nav li:nth-child(2){ background: #2a9166;}
.cy_nav li:nth-child(3){ background: #2c79ca;}
.cy_nav li:nth-child(4){ background: #0998b2;}
.cy_nav li:nth-child(5){ background: #654e93;}
.cy_nav li:nth-child(6){ background: #003399;}
.cy_nav li:nth-child(2):before{    border-top: 10px solid #2a9166;}
.cy_nav li:nth-child(3):before{    border-top: 10px solid #2c79ca;}
.cy_nav li:nth-child(4):before{    border-top: 10px solid #0998b2;}
.cy_nav li:nth-child(5):before{    border-top: 10px solid #654e93;}
.cy_nav li:nth-child(6):before{    border-top: 10px solid #003399;}
.cy_nav li.active:before{opacity: 1;}
.cy_desc{ width: 100%; padding: 12vh 0; text-align: center; background:url(../images/bg3.jpg) no-repeat center; background-size: cover;}
.cy_desc .z-container{ width: 675px;}
.cy_desc .h3{ font-size: 36px; font-weight: bold; line-height: 42px;}
.cy_desc .info{ color: #666666; line-height: 24px; margin: 30px 0;}
.about_num2{ margin-top: 50px;}
.about_num2 ul{ display: block;}
.about_num2 ul li{ padding: 0 60px; border-right:1px solid #d5d5d5;}
.about_num2 ul li:last-child{ border-right: none;}
.cy_case{ background: #f3f3f3; padding:12vh 0;}
.cy_case .z-container{ width: 79%;}
.case_tit{ margin-bottom: 50px; display: flex; align-items: center;}
.case_tit .tit{ font-size: 36px; font-weight: bold;}
.case_search{ float: right; margin-left: auto;}
.case_search .text{ width: 240px; height: 36px; padding: 0 10px; box-sizing: border-box; border:1px solid #c5c5c5; border-right: none; display: block; float: left;}
.case_search .btn{ display: flex;align-items: center; justify-content: center; width: 44px; height: 36px; background: #e25725;float: right;}
.case_search .btn img{ display: block;}
.case_list ul{ margin-left: -3.3%;}
.case_list li{ width: 30%; margin-bottom: 40px; z-index: 1; float: left; margin-left: 3.3%; position: relative;}
.case_list li .imgbox{height:19.5vw; width: 100%; overflow: hidden;}
.imgbg{ width: 100%; height: 100%; transition: ease 1s; background-position: center; background-repeat: no-repeat; background-size: cover;}
.case_list li:hover .imgbg{ transform: scale(1.1,1.1);}
.case_list li .infobox{ background: #fff; padding:30px 30px; box-sizing: border-box;}
.case_list li h3{ font-size: 18px; margin-bottom: 20px;}
.case_list li h4{ background: url(../images/dz2.png) no-repeat left center; padding-left: 20px; color: #989898;}
.case_list li:before{ content: ""; display: block; width: 0; z-index: 1; position: absolute; left: 0; bottom: 0; transition: ease 1s; height: 2px; background: #e25725;}
.case_list li:hover:before{ width: 100%;}
.case_list li:hover h3{ color: #E25725;}
.case_list li .imgwarp{display: block;overflow: hidden; z-index: 1; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.case_list li .imgwarp a{ display: block; height: 100%; width: 100%;}
.cyxq_page{ }
.cyxq_fl{ width: 32%; padding-top: 167px; box-sizing: border-box; height: 100vh; float: left; padding-left: 10.7%; box-sizing: border-box;}
.cyxq_fl.fixed{ position: fixed; left: 0; top: 0;}
.cyxq_fr{ width: 63%; float: right; padding-right: 10.7%; padding-top: 167px; box-sizing: border-box;}
.cyxq_fr li{ margin-bottom: 2vw; width: 100%;}
.cyxq_fr li img{ display: block; width: 100%;} 
.cyxq_fl_tit{font-size: 24px;}
.cyxq_fl .line{ display: block; width: 17px; height: 5px; background: #E25725; margin: 30px 0;}
.cyxq_desc{ line-height: 24px; color: #333333;}
.cyxq_fl .tell{ color:#E25725;}
.cyxq_con{ line-height: 24px; height: 26.6vh; overflow-y: auto; color: #666666; margin: 6vh 0;}
.topbtm_bar{ border-top:1px solid #c9c9c9;  padding-top: 6vh; display: flex; align-items: center; justify-content: space-between;}
.topbtm_bar a{ display: block; width: 29.6%;z-index: 1; height: 50px; line-height: 50px; text-align: center; border:1px solid #c9c9c9;}
.topbtm_bar a:hover{ background: #E25725; color: #fff; border-color: #E25725;}

.page_nav{ width: 100%; height: 60px; line-height: 60px; background: #fff;}
.page_nav li{ float: left;}
.page_nav li a{ padding: 0 20px; color: #333333;}
.page_nav li:first-child a{ padding-left: 0; }
.page_nav li:hover a,.page_nav li.cur a{ color: #003399; }
.news_search{ display: flex; align-items: center; margin-bottom: 6vh;}
.news_sel{ display: inline-block; background: url(../images/arr6.png) no-repeat right 10px center; box-sizing: border-box; width: 250px; height: 40px; border:1px solid #b5b5b5; padding: 0 10px; margin-left: 20px;}
.news_search .sou{ display: inline-block; margin-left: 10px; width: 80px; height: 40px; z-index: 1; background:#003399; color: #fff; text-align: center; line-height: 40px;}
.news_search span{ font-weight: bold; font-size: 18px; color: #666666;}
.news_search .text{ background: none;}
.page_nav2{ margin-top: 80px;}

.news_page{ padding: 70px 0; padding-bottom: 5.5vw;  background: #f7f7f7;}
.news_lists{ margin-left: -3%;}
.news_lists li{ width: 30.3%; margin-bottom: 50px; position: relative; float: left; margin-left: 3%;}
.news_lists .imgbox{ width: 100%; height:19.5vw; overflow: hidden;}
.news_lists li .img{ width: 100%; height: 100%; transition: all .6s; background-position: center; background-repeat: no-repeat; background-size: cover;}
.news_lists li:hover .img{ transform: scale(1.1,1.1);}
.news_lists li .info{ background: #fff; padding:30px 35px; box-sizing: border-box;}
.news_lists li h3{ font-size: 18px; line-height: 30px; height: 60px; margin-bottom: 50px;}
.news_lists li .time{ background: url(../images/time.png) no-repeat left center; color: #898989; padding-left: 25px;}
.news_lists li:before{ content: ""; z-index: 1; display: block; width: 0%; height: 2px; background: #E25725; position: absolute; left: 0; bottom: 0; transition: ease 1s;}
.news_lists li:hover:before{ width: 100%;}
.news_lists li:hover h3{ color: #E25725;}
.page_nav2{ margin-top: 86px; background: #003399;} 
.page_nav2 li a{ color: #fff;}
.page_nav2 li.cur a{color: #fff;} 
.loadmore{ display: block; width: 100%;font-size:18px; transition: ease .6s;  height: 110px; line-height: 110px; background: #fff; text-align: center;}
.loadmore .iconfont{ color: #E25725; font-size: 18px; margin-left: 5px;}
.loadmore:hover{ height: 80px; line-height: 80px; background: #003399; color: #fff;}
.loadmore:hover .iconfont{ color: #fff;}
.news_xq{ padding: 70px 0; background: #f0f2f3;}
.news_xq .z-container{ width: 1300px;}
.news_fl{ width: 68.8%;position: relative; padding-left: 122px; float: left;  box-sizing: border-box;}
.news_fl_bg{ background: #fff; padding:8vh 5vw; box-sizing: border-box;}
.news_head{ position: relative;}
.news_time{ width:100px;position: absolute; left:0; top: 0; float: left; margin-right: 40px; height: 100px;padding-top: 15px; box-sizing: border-box; color: #333333;background: #fff;  text-align: center;}
.news_time em{ display: block;  font-size: 30px; font-weight: bold; color: #E25725;}
.news_tit h3{font-size: 30px; margin-bottom: 10px; font-weight: bold; line-height: 40px;}
.news_bar{ padding: 40px 0; color: #333; display: flex;align-items: center; border-bottom:1px solid #c6c6c6;}
.bshare-custom a{ background: none!important; font-size: 22px; margin: 0!important; cursor: pointer; margin-right: 15px!important; color: #8a8a8a!important; padding: 0!important;}
.bshare-custom a:hover{ color: #E25725!important; text-decoration: none!important; opacity: 1!important;}
.news_bar .yan{ margin-left: auto; background: url(../images/yan3.png) no-repeat left center; padding-left: 20px;}
.news_artic{ padding: 50px 0; color: #474848; line-height: 24px;}
.news_fr{ float: right; width: 29.6%; background: #fff; padding: 20px 40px; box-sizing: border-box;}
.news_one .img{ width: 100%; height: 15vw; background-position: center; background-repeat: no-repeat; background-size: cover;}
.news_fr .tits{ font-size: 18px; font-weight: bold; border-left: 2px solid #E25725; padding-left: 10px; margin-bottom: 20px;}
.news_one h3{ font-size: 16px; line-height: 24px; max-height: 48px; margin: 15px 0;}
.news_one{ border-bottom:1px solid #c6c6c6; margin-bottom: 10px;}

.news_swiper2 .swiper-wrapper{ display: block;}
.news_swiper2{ height: 180px;overflow: hidden; width: 100%;}
.news_swiper2 li{ height: 36px!important; line-height: 36px!important; overflow: hidden;}
.news_swiper2 .tit{ display: inline-block; width: 70%;}
.news_swiper2 .fr{float: right; color: #E25725; font-family: "en"; font-size: 16px;}
.news_swiper2 li:hover a{ color: #E25725; }
.news_swiper2 li a{ color: #666;}

.news_artic img{ display: block; height: auto!important; max-width: 100%!important;}

.about_page1{ background: url(../images/bg4.jpg) no-repeat bottom center ; height: 87vh; display: flex; align-items: center; box-sizing: border-box; position: relative; background-size: cover; padding: 7vw 0;}
.about_jj{ width: 52%;}
.about_jj .tit{ font-size: 36px; font-weight: bold;}
.about_jj .tit2{ font-size: 24px; line-height: 30px; margin: 30px 0; font-weight: bold; color: #666;}
.about_jj .con{ line-height: 24px; color: #666;}
.about_jj .con p{margin-top:10px;margin-right:0;margin-bottom:5px;margin-left: 0;text-indent:32px;}

.about_jjfr{ width: 42%; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.about_jjfr .about_video{ width: 100%; height: 400px; float: none;}
.about_jjfr .about_num{ width: 100%;  background: url(../images/bg_map.jpg) no-repeat center; background-size: cover; color: #fff; text-align: center;} 
.about_jjfr .about_num ul{ display: block; padding: 60px 0;}

.about_jjfr .about_num li{ color: #fff; padding: 0 4vw; border-right:1px solid #fff;}
.about_jjfr .about_num li h3{color: #fff;}
.about_jjfr .about_num li em{ color: #fff;}
.about_jjfr .about_num li:last-child{ border-right: none;}
.about_page2{ width: 100%; background-size: cover; background-position: center; height: 64vh; display: flex; align-items: center;}
.abouts_warp{ width: 33.2%; color: #fff;}
.abouts_tit{ font-size: 36px; font-weight: bold; line-height: 42px;}
.abouts_desc{ line-height: 24px; margin-top: 4vh; margin-bottom: 6vh;}
.about_page3{ min-height: 80vh; background-size: cover; background-position: center; background-attachment: fixed; display: flex; align-items: center;}
.about_page3 .abouts_warp{ float: left;}
.process_con{ margin-top: 12vh; color: #fff; position: relative;}
.process_con .child:nth-child(1){}
.process_con .child{opacity: 0; position: absolute; left: 0; top: 0; transform: translateY(30%); transition: ease .8s;}
.process_con .child.on{opacity: 1; visibility: visible; transform: translateY(0);}
.process_con .year{ font-size: 36px; position: relative; padding-left:30px; z-index: 1; margin-bottom: 6vh;}
.process_con .year:before{ content: ""; display: block; width: 14px; height: 14px; border-radius: 50%; background: #E25725; position: absolute; left: 0; top: 50%; margin-top: -7px;}
.process_tab .num{ font-size: 60px; color: #fff; text-align: right;}
.process_tab .tit{ text-align: right; color: #fff;}
.process_tab ul{ margin-top: 35px;}
.process_tab ul li{ display: block; cursor: pointer; font-size: 16px; position: relative; width: 145px; height: 50px; line-height: 50px; text-align: center; color: #fff;z-index: 1; margin-bottom: 2px;}
.process_tab ul li:before{content: ""; display: block; width: 3px; height: 100%; position: absolute; right: 0; top: 0; background: #E25725;  transition: ease .5s;}
.process_tab ul li.on:before{ width: 100%;}
.navFixed .page_nav { width: 100%; position: fixed; left: 0; top: 0; background:#003399; z-index: 200;  }
.navFixed .page_nav a{ color: #fff;}
.navFixed .page_nav .cur a,.navFixed .page_nav li:hover a{ color: #fff;}
.about_page4{background-size: cover; background-position: center; background-attachment: fixed;height: 64vh; display: flex; align-items: center;}
/*honors*/
.honor_page{ padding: 80px 0;}
.honor_page .abouts_warp{ margin: 0 auto; float: none; color: #333; text-align: center;}
.honor_nav{ text-align: center; margin-bottom: 70px;}
.honor_nav a{ display: inline-block; margin: 0 10px; width: 150px; height: 46px; line-height: 46px; font-size: 16px; background: #f2d9d0; color: #333; text-align: center;}
.honor_nav a.active,.honor_nav a:hover{ background: #E25725; color: #fff;}
.honor_list ul{ margin-left: -1.4%;}
.honor_list li{width: 23.6%; float: left; margin-bottom: 30px; margin-left: 1.4%; padding: 24px; box-sizing: border-box; padding-bottom: 0; background: #fff;}
.honor_list li .imgbox{ width: 100%; height: 220px; overflow: hidden;margin-bottom: 30px;}
.honor_list li .tit{ line-height: 60px; height: 60px; text-align: center; font-size: 16px; color: #666666;}
/*zzjg*/
.zzjg_page{ padding: 80px 0;}
.zzjg_page .abouts_warp{ margin: 0 auto; float: none; color: #333; text-align: center;}
.zzjg_nav{ text-align: center; margin-bottom: 70px;}
.zzjg_nav a{ display: inline-block; margin: 0 10px; width: 150px; height: 46px; line-height: 46px; font-size: 16px; background: #f2d9d0; color: #333; text-align: center;}
.zzjg_nav a.active,.honor_nav a:hover{ background: #E25725; color: #fff;}
.zzjg_list{display:table-cell;vertical-align middle;text-align:center;}

/**ldtd*/
.ldtd_page{ padding: 80px 0;background: #eee;}
.ldtd_page .abouts_warp{ margin: 0 auto; float: none; color: #333; text-align: center;}
.ldtd_nav{ text-align: center; margin-bottom: 70px;}
.ldtd_nav a{ display: inline-block; margin: 0 10px; width: 150px; height: 46px; line-height: 46px; font-size: 16px; background: #f2d9d0; color: #333; text-align: center;}
.ldtd_nav a.active,.ldtd_nav a:hover{ background: #E25725; color: #fff;}
.ldtd_list ul{ margin-left: -3%;}
.ldtd_list li{width: 30.3%; float: left; margin-bottom: 30px; margin-left: 3%; padding: 24px; box-sizing: border-box; padding-bottom: 0; background: #fff;}
.ldtd_list li .imgbox{ width: 100%; height: 260px; overflow: hidden;margin-bottom: 30px;}
.ldtd_list li .tit{ line-height: 60px; height: 60px; text-align: center; font-size: 16px; color: #666666;}
.zr_page{ padding: 80px 0px 30px 0px;background: #eee;}
.zr_page li{ background: #fff; margin-bottom: 30px;}
.zr_page li a{ display: block; width: 100%; height: 100%;}
.zr_page li .imgbox{ width: 32%; height: 385px; overflow: hidden; float: left; }
.zr_page li .time{ display: block; color: #999999; background: url(../images/time.png) no-repeat left top; padding-left:25px;}
.zr_page li .infobox{ width: 68%; float: left; padding:50px; box-sizing: border-box;}
.zr_page li h3{ font-size: 24px; line-height: 30px; height: 30px; margin: 10px 0; margin-bottom: 20px;}
.zr_page li h4{ line-height: 24px; color: #999; height: 144px;}
.zr_page li .arr{ display: block; width: 48px; height: 48px; background: #E25725; border-radius: 50%; color: #fff; color: #fff; text-align: center; line-height: 48px;}
.zr_page li:hover .imgbg{ transform: scale(1.1,1.1);}
.zr_page li:hover h3{ color: #E25725;}
.page{height:40px;background:#eee;padding:30px 0;}
.contact_page{ height: 66vh; display: flex; align-items: center;}
.contact_page1{ width: 100%; background-repeat:no-repeat; background-position: center; background-size: cover; }
.contact_page2{ width: 100%; background-repeat:no-repeat; background-position: center; background-size: cover;  background-attachment: fixed;}
.contact_page .abouts_warp{ color: #333;}
.contact_info{ padding: 80px 0; padding-top: 6vw;}
.contact_info .titbar{ border-bottom:1px solid #e5e5e5; padding: 40px 0; position: relative; font-size: 30px; margin-bottom: 40px; }
.contact_info .titbar .tel{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);text-align: right; color: #878787; font-size: 14px;}
.titbar .tel em{ display: block; color: #E25725; font-weight: bold; font-size: 24px; margin-top: 5px; }
.contact_btm{ display: flex; align-items: flex-end; justify-content: space-between;}
.conatct_addre{ float: left;}
.conatct_addre p{ margin-bottom: 10px; color: #666;}
.contact_code{ margin-left: auto; text-align: right; display: flex; align-items: flex-end;}
.contact_map img{ width: 100%; vertical-align: bottom;}
.contact_code em{ display: block;}
.contact_code span{ margin-right: 20px; color: #666666;}
.contact_code img{ width: 90px; height: 90px;}
.contact_lz{ background: url(../images/bg_map.jpg) no-repeat center; padding: 18vh 0; background-attachment: fixed; position: relative; z-index: 1;}
.contact_lz .index_tit{ margin-bottom: 0; color: #fff; }
.contact_lz:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.4);}

.contact_lypage{width: 100%; display: flex; justify-content: flex-end; background:url(../images/gbbook.jpg) no-repeat center; background-attachment: fixed;}
.ly_form{ background: #fff; width: 50%; padding: 5vw 8vw; box-sizing: border-box;}
.ly_tit h3{ font-size: 36px; font-weight: bold;}
.ly_tit .line{ display: block; width: 18px; height: 4px; background: #E25725; margin: 20px 0;}
.ly_form li{ position: relative; margin-bottom: 20px;}
.ly_form li label{ line-height: 50px;}
.ly_form li .text{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-bottom:1px solid #dedede; padding-left: 70px; box-sizing: border-box;}
.ly_form li .texta{ width: 100%; background: #ededed; height: 128px; padding:10px 15px; box-sizing: border-box;}
.ly_form .subbtn{ height: 50px; cursor: pointer; line-height: 50px; text-align: center; background: #E25725; color: #fff; font-size: 18px; margin-top: 55px; display: block; width: 100%;}

/*招贤纳仕*/
.zp_box{ background: #f8f8f8; padding: 100px 0;}
.sideMenu{  }
.sideMenu .tit{ height:80px; line-height:80px; padding:0 20px;box-sizing: border-box; background:#ffffff; cursor:pointer; color: #2e2e2e; border-bottom: 1px solid #ededed;}
.sideMenu .tit span{ display: inline-block; width:30%;}
.sideMenu .tit em{ float:right; display:inline-block; width:30px; height:30px; background: url(../images/add.png) no-repeat left center; background-size: 100% 100%;  margin-top: 25px;}
.sideMenu .tit.on em{ background: url(../images/jian.png) no-repeat center; background-size: 100% 100%; }
.sideMenu .tit.on{ background:#0061b3; color: #fff; }
.sideMenu ul{ padding:40px 50px; color:#515151; display:none; /* 默认都隐藏 */ background: #ececec; }

.sideMenu ul h4{ margin-bottom: 20px;}
.sideMenu ul p{ margin-bottom: 10px;}
.sideMenu .aplybtn{ display: inline-block; width: 120px; height: 45px; background: #0061b3; border-radius: 5px; line-height: 45px; text-align: center;color: #fff; margin-top: 40px; cursor: pointer;}

.rc_list{ background: #fff;}
.rc_list .rc_tit{ width: 100%; cursor: pointer; height: 80px; line-height: 80px; border-bottom:2px solid #f7f7f7;}
.rc_list .rc_tit span,.rc_list .rc_tit button{ display: inline-block; width: 15%;}
.rc_con{ background: #ececec;  padding: 40px 0; color: #7f7f7f; line-height: 30px;}
.rc_con .box{ margin-bottom: 30px;}

.zpms .tit{ height:80px; line-height:80px; padding:0 20px;box-sizing: border-box; background:#ffffff; cursor:pointer; color: #2e2e2e; border-bottom: 1px solid #ededed;}
.zpms .tit span{ display: inline-block; width:30%;}
.zpms .tit em{ float:right; display:inline-block; width:30px; height:30px; background-size: 100% 100%;  margin-top: 25px;}
.zpms .tit em{ background: url(../images/jian.png) no-repeat center; background-size: 100% 100%; }
.zpms .tit{ background:#0061b3; color: #fff; }
.zpms ul{ padding:40px 50px; color:#515151;background: #ececec; }
.zpms ul h4{ margin-bottom: 20px;}
.zpms ul p{ margin-bottom: 10px;}
.zpms .aplybtn{ display: inline-block; width: 120px; height: 45px; background: #0061b3; border-radius: 5px; line-height: 45px; text-align: center;color: #fff; margin-top: 40px; cursor: pointer;}


.rc_bz a{ color:#E25725;}
.aply_btn{ display: block; width: 124px; height: 48px; text-align: center; line-height: 48px; background: #E25725; color: #fff; border-radius: 5px; cursor: pointer; margin-top: 30px;}
.rc_tit .z-container2{ background: url(../images/add.png) no-repeat right center;}
.rc_tit.on .z-container2{background: url(../images/jian.png) no-repeat right center;}
.aply_pop{ width: 560px; height: 280px; background: #fff;border-radius: 3px; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%);box-shadow: 7px 0 46px rgba(0,0,0,.2); text-align: center; padding: 10px;box-sizing: border-box; display: none;z-index:999;}
.aply_pop h3{ height: 66px; line-height: 66px; text-align: center; border-bottom:1px solid #cccccc; margin-bottom: 25px; font-size: 24px;}
.aply_pop .uploadbtn{ display: inline-block; width: 100px; height: 33x; text-align: center;line-height: 33px; color: #333; color: #fff; border-radius: 4px; background:#E25725; position: relative;overflow: hidden;}
.aply_pop .uploadbtn input{ position: absolute; left: 0; bottom: 0; top: 0;right: 0; opacity: 0;}
.aply_pop p{ color: #7f7f7f; margin-top:10px; margin-bottom: 40px;}
.aply_pop .btn_group button,.aply_pop .btn_group span{ display: inline-block; cursor: pointer; margin: 0 10px; width: 100px; height: 33px; background: #c6c6c6; border:none; color: #fff; border-radius: 3px;line-height:33px;}
.aply_pop .btn_group .surebtn{ background: #929292;}
.aply_pop .closebtn{ width: 27px; height: 27px;background: url(../images/colse2.png) no-repeat center; background-size: 100% 100%; position: absolute; right: 15px; top: 15px; cursor: pointer;}
.culture_li{ width: 100%; background-size: cover; background-position: center; background-attachment: fixed;}
.culture_box{ width: 34%; background: rgba(64,113,242,.95); padding: 0 5vw; text-align: left; box-sizing: border-box; height: 66vh; display: flex; align-items: center; justify-content: center; color: #fff;}
.culture_box .tit{font-size: 36px; font-weight: bold; min-width: 240px; padding-bottom: 15px; margin-bottom: 20px; border-bottom:2px solid #fff;display: inline-block;}
.culture_box .desc{ line-height: 30px; font-size: 16px;}
.culture_li:nth-child(even){ display: flex; justify-content: flex-end;}
.culture_li:nth-child(even) .culture_box{ background: #089e69;}

.mobile_topbar{display:none} 
.rebox { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; -webkit-filter: none !important;
    background: rgb(0, 0, 0); /* IE Fallback (Solid Colour) */
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);
    background: rgba(0, 0, 0, 0.6); }
.rebox *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
.rebox-contents { position: absolute; top: 5%; left: 5%; text-align: center; width: 90%; height: 90%; display: flex; justify-content: center;align-items: center; }
.rebox-contents .rebox-content {  border-radius: 1px; max-width: 100%; max-height: 100%; }
.rebox-loading { width: 31px; height: 31px; margin: -16px 0 0 -16px; position: absolute; top: 48%; left: 50%; }
.rebox-caption { display: none; opacity: 0; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 1000; background: #000; background: rgba(0,0,0,0.7); }
.rebox-caption p { margin: 0 auto; max-width: 70%; display: inline-block; *display: inline; *zoom: 1; padding: 10px; color: #fff; font-size: 12px; line-height: 18px; }

.rebox-button { position: absolute; z-index: 9999; min-width: 40px; height: 40px; line-height: 40px; background: rgb(0, 0, 0); 
    text-decoration: none; font-size: 24px; color: #fff; text-align: center; vertical-align: middle;
    -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; border-radius: 32px;
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.rebox-button:hover,
.rebox-button:focus { opacity: 1; background: #E25725;}
.rebox-close { right: 10px; top: 10px;  font-size: 30px; }
.rebox-next { right: 10px; top: 48%; }
.rebox-prev { left: 10px; top: 48%; }
.rebox-loading { left: 50%; top: 48%;
    -webkit-animation-name: spin; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;
    -moz-animation-name: spin; -moz-animation-duration: 2000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear;
    -ms-animation-name: spin; -ms-animation-duration: 2000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear;    
    animation-name: spin; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear;
}
.rebox_add{ position: fixed; background: rgba(0,0,0,.7); left: 0; bottom: 0; width: 100%;height: 80px; text-align: center; color: #fff; line-height: 80px; display: none; z-index:9999;}
.rebox_add .wyname{ float: left;}
.rebox_add .wydz{ background: url(../images/dz5.png) no-repeat left center; padding-left: 20px;}
.rebox_add .wytel{ background: url(../images/tel2.png) no-repeat left center; padding-left: 20px; margin-right: 20px; display: inline-block;}

@media screen and (max-width:1440px){
.index_part1 li h4{display: none;}
.news_swiper li:before{right: -20px;}	
.cyxq_fl{ padding-left: 5%; padding-top: 120px;}
.cyxq_fr{ padding-right: 5%; padding-top: 120px;}
.cyxq_con{ height:170px; margin: 4vh 0;}
.news_tit h3{ font-size: 24px; line-height: 30px;}
.zr_page li .imgbox{ width: 40%;}
.zr_page li .infobox{ width: 60%;}
.index_about_fl .z_row{ width: 80%;}
.about_num li{ padding: 0 40px;}
.news_swiper li .imgbox{ height: 200px;}
.news_fr{ padding: 20px;}
.about_jjfr .about_video{ height: 300px;}
.about_jjfr .about_num ul{ padding: 40px 0; padding: 40px 0;}
.about_jjfr .about_num li{ padding: 0 3vw;}
.abouts_warp{ width: 42%;}
.abouts_tit,.about_jj .tit{ font-size: 30px; line-height: 34px;}
.other_banner .banner_text h3{ font-size: 38px;}
.honor_list li{ padding: 15px;}
.honor_list li .imgbox{ height: 180px;}
.ldtd_list li{ padding: 15px;}
.ldtd_list li .imgbox{ height: 180px;}
.zr_page li .imgbox{ height: 345px;}
.zr_page li .infobox{ padding: 30px 50px;}
}




/*手机*/
@media screen and (max-width: 980px){
.z_header{ height: 50px; line-height: 50px; z-index: 10;}

.z_header .logo{ height: 36px; margin-top: 7px;}
.mobile_btn{ display: block;}
.header_fr{ width: 100%; box-sizing: border-box; transition: ease .5s; opacity: 0; transform: translateY(140%); display: flex; align-items: center; justify-content: center; height: calc(100% - 50px); background: #eb3f00; position: fixed; left: 0; top: 50px; }
.header_fr.on{ transform: translateY(0); opacity: 1;}
.header_nav li{ display: block;margin: 0;height:50px; line-height: 50px;  width: 100%; text-align: center;}
.header_nav li a{width: 100%; color: #fff; display:block}
.header_nav{ width: 100%;  }
.header_bar{ float: none; display: none; margin: 0 auto;}
.header_bar a{ display: block; width: 100%; text-align: center;}
.z_banner .banner_text img{    max-width: 100%;
    max-height: 100%;
    height: 40vh}
.header_nav li:before{ display: none;}
.header_nav li:hover a, .header_nav li.active a{ color: #fff;}
.z-container{ width: 92%;}
.index_about_fl, .index_about_fr,.index_about_fl .z_row{ width: 100%;}
.index_about_fl{ padding: 20px 0;}
.index_about_fl .tit2{ font-size:18px; line-height: 20px;}
.index_about_fl .desc{ margin: 20px 0;}
.about_num li em{font-size: 24px;}
.about_fbmap{ width: 40%; display: none;}
.about_video{width:100%; height: 200px;}
.index_about{ padding-bottom: 20px;}
.index_about_fl .index_more{ margin-top: 20px;}
.index_more{ height: 40px; line-height: 40px; padding: 0 15px;}
.about_fbmap .fbdz h3{ font-size: 14px;}
.about_paly h3{ font-size: 16px;}
.ywfw_list li{ width: 50%; height: 50vh; overflow: hidden; border-bottom:1px solid rgba(255,255,255,.3);} 
.index_yw{ height: auto;}

.ywfw_list li a{ padding-top: 20px;}
.ywfw_list li.on a{ padding-top: 35px;}
.ywfw_list li .num2{ font-size:36px; line-height: 36px;}
.ywfw_list li .icon{ height: 30px;}
.ywfw_list li .tit{ margin: 20px 0;} 
.ywfw_list li .tit h3{ font-size: 16px;}
.ywfw_list li .arr{ width: 30px; height: 30px; transform: translateY(100px);}
.ywfw_list li .num1{ font-size: 20px;}
.news_swiper li{ height: auto;}
.news_swiper li:before{right: -10px;}
.news_swiper li .imgbg{ height: 200px;}
.news_swiper li .imgbox{ height: 200px; padding-bottom: 0; margin-bottom: 10px;}
.news_swiper li h4{ margin: 10px 0;}
.index_news{ padding: 30px 0;}
.index_tit{ font-size: 18px; margin-bottom: 20px;}
.news_hd{ margin-top: 20px;}
.index_culture .tit2{ font-size: 14px; font-weight: normal; margin-bottom: 30px; line-height: 24px;}
.index_culture{ padding: 30px 0;}
.index_part1 li{ width: 98.6%; text-align:center;margin-bottom: 30px; margin-left: 1.4%;padding: 38px; box-sizing: border-box; display: flex; align-items: center; float: left;box-shadow:0px 10px 10px 0px rgba(29,29,29,0.03);border-radius:1px;}

.foot_nav{ display: none;}
.foot_link{ display: none;}
.foot_dz h3{ display:none}
.foot_dz{ text-align: left; border:none; padding: 0; margin-left: 0; font-size: 12px; font-weight: normal;}
.foot_dz ul{ margin:0;color: #aaaaaa;}
.foot_code{ width: 100%; display: none; text-align: center; margin-top: 20px;}
.foot_code img{ margin-bottom: 0;}
.foot_copy{ padding: 10px 0; font-size: 12px;}
.foot_copy a{ display: none;}
.foot_fr{ width: 100%;}
.foot_top{ padding: 10px 0;}
.other_banner{ margin-top: 50px;}
.other_banner .h4{ display: none;}
.other_banner .banner_text h3{ font-size: 20px; margin-bottom: 0;}
.cy_nav li h3{font-size: 14px; font-weight: normal;}
.cy_nav li .icon img{ height: 25px;}
.cy_nav li a{ padding: 10px 0;}
.cy_desc{ padding: 20px 0;}
.cy_desc .z-container{ width: 94%;}
.cy_desc .h3{ font-size: 18px; line-height: 24px;}
.cy_desc .info{ margin: 10px 0; font-size: 12px;}
.about_num2 { margin-top: 0;}
.about_num2 ul li{ padding: 0 25px;}
.other_banner .banner_text .z_row{ width: 90%;}
.cy_nav li .icon{ margin-bottom: 5px;}
.cy_case{ padding: 30px 0;}
.cy_case .z-container{ width: 94%;}
.case_tit .tit{ font-size: 18px;}
.case_search .text{ width: 180px;}
.case_tit{ margin-bottom: 30px;}
.case_list ul{ margin-left: 0;}
.case_list li{ width: 100%; margin-left: 0; margin-bottom: 10px;}
.case_list li .imgbox{ height: 220px;}
.case_list li .infobox{ padding: 15px;}
.case_list li h3{ margin-bottom: 10px;}
.loadmore{ height: 50px; line-height: 50px; font-size: 15px;}
.cyxq_page{ padding-top: 70px; width: 94%; margin: 0 auto;}
.cyxq_fr,.cyxq_fl{ padding-top: 0; height: auto; width:100%; padding: 0;}
.cyxq_fl_tit{ font-size: 18px;}
.cyxq_fl .line{ margin: 20px 0;}
.cyxq_con{ height: auto;}
.topbtm_bar{ padding-top: 20px; margin-bottom: 20px;}
.topbtm_bar a{ height: 40px; line-height: 40px;}
.cyxq_fr li{ margin-bottom: 10px;}
.page_nav li{ display: block; float: left; margin: 0; padding-right: 20px;}
.page_nav{ height: 40px; line-height: 40px;}
.page_nav li a{ padding-left: 0; padding-right: 10px;}
.z-container2{ width: 94%;}
.news_search{ display: block; margin-bottom: 0px;}
.news_search span{ display: block; margin-bottom: 10px; font-size: 16px;}
.news_sel,.news_search .sou{ margin: 0; float: left; width: 49%; margin-bottom: 10px;}
.news_sel:nth-child(2),.news_search .sou{ float: right;}
.news_lists li{ width: 98%; margin-bottom: 10px;}
.news_page{ padding: 20px 0;}
.news_lists .imgbox{ height: 200px;}
.news_lists li .info{ padding: 15px 10px;}
.news_lists li h3{ font-size: 15px; margin-bottom: 10px; line-height: 24px; height: 48px;}
.page_nav2{ margin-top: 50px;}
.news_xq .z-container{ width: 94%;}
.news_fl,.news_fr{ width: 100%;}
.news_fl{ padding-left: 0;}
.news_time{ position: relative; left: auto; top: auto;}
.news_tit h3{ font-size: 16px; line-height: 24px;}
.news_time{ margin-right: 10px;}
.news_xq{ padding: 20px 0;}
.news_bar{ padding: 15px 0;}
.news_artic{ padding: 20px 0;}
.news_fr{ display: none;}
.bshare-custom a{ margin-right: 5px!important;}
.news_fl_bg{ padding: 15px;}
.news_time{ width: auto; height: auto; padding: 0 10px; top: 15px;}
.news_time em{ font-size: 16px;}
.news_tit h3{ padding-left: 60px; box-sizing: border-box;}
.bshare-custom{ display: none;}
.about_page1{ padding: 20px 0; height: auto;}
.about_jj{ width: 100%;} 
.about_jjfr{ position: relative; margin-top: 20px; top: auto; right: auto; transform: translate(0,0); width: 100%;}
.about_jj .tit{ font-size: 18px;}
.about_jj .tit2{ font-size: 16px; line-height: 20px; margin: 20px 0;}
.about_jjfr .about_video{ height: 200px;}
.about_jjfr .about_num ul{ padding: 20px 0;}
.about_jjfr .about_num li{ padding: 0 25px;}
.about_page2{ position: relative; z-index: 1; height: auto;padding: 60px 0;}
.about_page2:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.4);}
.abouts_warp{ width: 100%;}
.about_page4{ height: auto; padding: 60px 0; position: relative;z-index: 1;}
.about_page3{ position: relative; z-index: 1;} 
.about_page4:before,.about_page3:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.4); }
.abouts_tit{ font-size: 16px; line-height: 24px;}
.abouts_desc{ margin: 20px 0; font-size: 12px;}
.process_con{ font-size: 12px;}
.about_page3 .abouts_warp{ width: 100%;}
.about_page3{ min-height: auto; padding: 30px 0;}
.process_tab{ width: 100%;}
.process_con { margin: 30px 0;}
.process_con .child{ position: relative; display: none;}
.process_con .child.on{ display: block;}
.process_con .year{ font-size: 20px; margin-bottom: 10px;}
.process_tab .num,.process_tab .tit{display: none;}
.process_tab{ text-align: center; width: 100%;}
.process_tab ul{ margin-top:0px;}
.process_tab ul li{ display: inline-block;  background:rgba(0,0,0,.5); width: 24%; font-size: 14px; height: 40px; line-height: 40px;margin: 0;}
.honor_page{ padding: 20px 0;}
.honor_page .abouts_warp{ width: 94%;}
.honor_nav{ margin-bottom: 20px;}
.honor_nav a{ height: 35px; line-height: 35px; font-size: 14px; width: 100px;}
.honor_list ul{ margin-left: 0;}
.honor_list li .imgbox{ height: 220px;}
.honor_list li{ width: 100%;  margin-left: 0; margin-bottom: 10px; padding: 15px; padding-bottom: 0;}
.honor_list li .tit{ height:40px; line-height: 40px;}

.zzjg_page{ padding: 20px 0;}
.zzjg_page .abouts_warp{ width: 94%;}
.zzjg_nav{ margin-bottom: 20px;}
.zzjg_nav a{ height: 35px; line-height: 35px; font-size: 14px; width: 100px;}
.ldtd_page{ padding: 20px 0;}
.ldtd_page .abouts_warp{ width: 94%;}
.ldtd__nav{ margin-bottom: 20px;}
.ldtd_av a{ height: 35px; line-height: 35px; font-size: 14px; width: 100px;}
.ldtd_ist ul{ margin-left: 0;}
.ldtd_list li .imgbox{ height: 220px;}
.ldtd_list li{ width: 100%;  margin-left: 0; margin-bottom: 10px; padding: 15px; padding-bottom: 0;}
.zr_page{ padding: 20px 0;}
.zr_page li{ margin-bottom: 10px;}
.zr_page li .imgbox{ width: 100%; height: 220px;}
.zr_page li .infobox{ width: 100%; padding: 15px;}
.zr_page li h3{ font-size: 16px; margin: 10px 0;}
.zr_page li h4{ height: 72px;-webkit-line-clamp: 4; margin-bottom: 10px;}
.zr_page li .arr{ display: none;}
.contact_page{position: relative; z-index: 1; height: 50vh; }
.contact_page .abouts_warp{color: #fff;}
.contact_page:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.4);}
.contact_info .titbar .tel{ position: relative; display: block; text-align: left; top: auto; transform: translateY(0);}
.contact_info .titbar{ font-size: 18px;}
.contact_info{ padding: 0px 0;}
.contact_info .titbar{ padding: 20px 0;margin: 0;}
.contact_code{ display: none;}
.conatct_addre{ padding: 20px 0;}
.titbar .tel em{ font-size: 20px;}
.ly_form{ width: 100%; padding: 15px;}
.ly_tit h3{ font-size: 18px;}
.ly_tit .line{ display: none;}

.ly_form li{ margin-bottom: 0;}
.ly_form .subbtn{ height: 40px; margin-top: 0px; line-height: 40px; font-size: 16px;}
.aply_pop{ width: 90%;}
.aply_pop h3{ height: 40px; line-height: 40px; font-size: 16px;}
.aply_pop p{ margin-bottom: 20px;}
.aply_pop{ height: 232px;}
.rc_list .rc_tit span{ display: none; width: auto;}
.rc_list .rc_tit span:first-child{ display: block;}
.rc_list .rc_tit{ line-height: 50px; height: 50px;}
.rc_con{ padding: 20px 0; line-height: 24px;}
.rc_con .box{ margin-bottom: 20px;}
.aply_btn{ height: 40px; line-height: 40px; width: 100px;}
.rc_tit .z-container2,.rc_tit.on .z-container2{ background-size: 20px;}
.culture_box{ width: 60%; padding:20px 15px; height: auto;}
.culture_box .tit{ font-size: 16px; min-width: 100%; margin-bottom: 10px; padding-bottom: 10px;}
.culture_box .desc{ font-size: 12px;}
.index_more .arr{ display: none;}
.mobile_topbar{display:block} 
.pc_topbar{display:none} 

}